<div id="itskill-form" class="form-area">
    <form method="post" action="/resume/itskill/create" id="form-itskill">
    <input type="hidden" name="method" value="do">
    <input type="hidden" name="CSRFToken" value="${CSRFToken!""}"/>
    <table width="100%" class="dj-form-base">
        <col width="90">
        <col width="*">
        <tr>
            <th>精通的技能：</th>
            <td>
                <input type="text"  id="master-input" style="display: none;"/>
                <div class="selectResult clearfix dig-selected" id="master-result">
                <#if master??>
                    <#assign needSize = (10-master?size)/>
                    <#list master as itskill>
                        <a href="javascript:void(0);" class="ticket clean g3" name="masterId" value="${(itskill.id)!}"><span class="text">${itskill.name}</span><span class="delete">移除</span></a>
                    </#list>
                    <#if master?size &lt; 10><em class="sheng"><#if needSize==10>添加常用技能<#else >可再选${needSize!""}项</#if></em></#if>
                </#if>
                </div>
                <input type="hidden" name="masterIds" value="${masterIds!""}" id="master-hidden">
                <a href="javascript:void(0);" id="master-link" style="display:none" class="arrowhandler">打开</a>
            </td>
            <script type="text/javascript">
                $('#master-result').live('click',function(){
                    $('#master-input').click();
                }).live('touchend',function(){
                            $('#master-input').click();
                        });
                $('#master-result .delete').die().live('click',function(e){
                    e.stopPropagation()
                    e.stopImmediatePropagation()
                    deleteDate($(this),'master','添加常用技能', 10)
                }).live('touchend',function(e){
                            e.stopPropagation()
                            e.stopImmediatePropagation()
                            deleteDate($(this),'master','添加常用技能', 10)
                        })
            </script>
        </tr>
        <tr>
            <th></th>
            <td>
                <div class="textarea-box hidden" style="padding:0">
                    <textarea blankvalue="这里可以填写其他精通的技能" class="textarea-con other-textarea J_checkInput" blankclass="g9" reg="^.{0,300}$" name="master" blankSubmit="true" maxnum="300">${(writeMaster.name)!""}</textarea>
                    <p class="alignright"><span class="J_lastNum g9"><span>0</span>/300</span></p>
                </div>
            </td>
        </tr>

        <tr>
            <th>熟悉的技能：</th>
            <td>
                <input type="text"  id="familiar-input" style="display: none;"/>
                <div class="selectResult clearfix dig-selected" id="familiar-result">
                <#if familiar??>
                    <#assign needSize = (10-familiar?size)/>
                    <#list familiar as itskill>
                        <a href="javascript:void(0);" class="ticket clean g3" name="familiarId" value="${(itskill.id)!}"><span class="text">${(itskill.name)!}</span><span class="delete">移除</span></a>
                    </#list>
                    <#if familiar?size &lt; 10><em class="sheng"><#if needSize==10>添加常用技能<#else >可再选${needSize!""}项</#if></em></#if>
                </#if>
                </div>
                <input type="hidden" name="familiarIds" value="${familiarIds!""}" id="familiar-hidden">
                <a href="javascript:void(0);" id="familiar-link" style="display:none" class="arrowhandler">打开</a>
            </td>
            <script type="text/javascript">
                $('#familiar-result').live('click',function(){
                    $('#familiar-input').click();
                }).live('touchend',function(){
                    $('#familiar-input').click();
                        });
                $('#familiar-result .delete').die().live('click',function(e){
                    e.stopPropagation()
                    e.stopImmediatePropagation()
                    deleteDate($(this),'familiar','添加常用技能',10)
                }).live('touchend',function(e){
                            e.stopImmediatePropagation();
                            deleteDate($(this),'familiar','添加常用技能',10)
                        })
            </script>
        </tr>
        <tr class="last-tr">
            <th></th>
            <td>
                <div class="textarea-box hidden" style="padding:0">
                    <textarea blankvalue="这里可以填写其他熟悉的技能"  class="textarea-con other-textarea J_checkInput" blankclass="g9" reg="^.{0,300}$" name="familiar" blankSubmit="true" maxnum="300">${(writeFamiliar.name)!}</textarea>
                    <p class="alignright"><span  class="g9 J_lastNum"><span>0</span>/300</span></p>
                    <div style="display: none; " class="error">字数小于300</div>
                </div>
            </td>
        </tr>
        <tr>
            <th></th>
            <td class="input button">
                <a href="javascript:void(0);" class="fresh margin formValidateSubmit" id="J_formSubmit" itemtype="itskill"><span>保存</span></a><a href="javascript:void(0);" class="normal J_cancel" itemtype="itskill"><span>取消</span></a>
            </td>
        </tr>
    </table>
    </form>
    <style type="text/css">
        #itSkill-dialog-content-pickarea{width:720px; _width:auto;}/*解决chrome下瞬间被撑开的问题*/
    </style>
    <div id="master-dialog" style="display:none;">
    	<div class="dialog-error aligncenter" style="padding-top:20px;">服务请求超时，请刷新后重试</div>
    	<#include "../../test/itskill.ftl" />
    </div>
    <div id="familiar-dialog" style="display: none;">
    	<div class="dialog-error aligncenter" style="padding-top:20px;">服务请求超时，请刷新后重试</div>
    	<#include "../../test/itskill.ftl" />
    </div>
    <script type="text/javascript">
        $(function(){
        	alert("itskill");
            $('.letter-con').each(function(){
                handleLetterInput($(this), $('#J_formSubmit'))
            });
            $.ajax({
                type:'post',
                url:'http://www.dajie.com/ajax/load/dialog/itskill?q.maxSelect=10&q.kod=master',
                success:function(r){
                	alert("master.dialog:"+r);
                    $('#master-dialog').empty().append(r)
                }
            });
            $('#master-link').pickpad({title: '添加精通的技能', width: 770,oncomplete:function(){
                result('master',10);
            }});
            $.ajax({
                type:'post',
                url:'http://www.dajie.com/ajax/load/dialog/itskill?q.maxSelect=10&q.kod=familiar',
                success:function(r){
                	alert("familiar.dialog:"+r);
                    $('#familiar-dialog').empty().append(r)
                }
            });
            $('#familiar-link').pickpad({title: '添加熟悉的技能', width: 770,oncomplete:function(){
                result('familiar',10);
            }});
        })
    </script>



</div>